﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>基于数字经济的农产品融销一体平台</title>
<!-- Stylesheets -->
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/meanmenu.min.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">

<style type="text/css">@font-face {font-family:Outfit;font-style:normal;font-weight:100 900;src:url(/fonts/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:100 900;src:url(/fonts/normal1.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<style type="text/css">@font-face {font-family:DM Sans;font-style:normal;font-weight:100 1000;src:url(/fonts/normal3.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:DM Sans;font-style:normal;font-weight:100 1000;src:url(/fonts/normal2.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:DM Sans;font-style:italic;font-weight:100 1000;src:url(/fonts/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:DM Sans;font-style:italic;font-weight:100 1000;src:url(/fonts/italic1.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>

<!-- Color Switcher Mockup -->
<link th:href="@{/css/color-switcher-design.css}" rel="stylesheet">

<link rel="shortcut icon" href="/picture/favicon.png}" type="image/x-icon">
<link rel="icon" href="/picture/favicon.png}" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!--[if lt IE 9]><script src="/js/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">

	<!-- Cursor -->
	<div class="cursor"></div>
	<div class="cursor-follower"></div>
	<!-- Cursor End -->

	<!-- Preloader -->
    <div class="preloader"></div>
	<!-- End Preloader -->

	<!-- Main Header / Header Style Three -->
	<header class="main-header header-style-three">

		<!-- Header Top -->


		<!-- Header Lower -->
		<div class="header-lower">
			<div class="auto-container">
				<div class="inner-container">
					<div class="d-flex justify-content-between align-items-center flex-wrap">

						<!-- Left Box -->
						<div class="left-box d-flex align-items-center flex-wrap">
							<!-- Logo Box -->

							<div class="nav-outer d-flex flex-wrap">
								<!-- Main Menu -->
								<nav class="main-menu navbar-expand-md">
									<div class="navbar-header">
										<!-- Toggle Button -->
										<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="切换导航">
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
										</button>
									</div>

									<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
										<ul class="navigation clearfix">
											<li class="dropdown has-mega-menu"><a href="/user/toindex">首页</a>

											</li>

										</ul>
									</div>
								</nav>
							</div>
						</div>

						<!-- Right Box -->
						<div class="right-box">
							<!-- Main Menu End-->

						</div>

					</div>
				</div>
			</div>
		</div>
		<!--End Header Lower-->

		<!-- Mobile Menu  -->
		<div class="mobile-menu">
			<div class="menu-backdrop"></div>
			<div class="close-btn"><span class="icon flaticon-close"></span></div>

			<nav class="menu-box">
				<div class="nav-logo"><a href="index1.html"><img src="/picture/mobile-logo.png" alt="" title=""></a></div>
				<div class="menu-outer"><!--这里菜单将通过Javascript自动加载 / 与页眉中的菜单相同--></div>
			</nav>
		</div>
		<!-- End Mobile Menu -->

	</header>
	<!-- End Main Header / Header Style Two -->

	<!-- Sidebar Cart Item -->
	<div class="xs-sidebar-group info-group">
		<div class="xs-overlay xs-bg-black"></div>
		<div class="xs-sidebar-widget">
			<div class="sidebar-widget-container">
				<div class="close-button">
					<span class="flaticon-close"></span>
				</div>
				<div class="sidebar-textwidget">

					<!-- Sidebar Info Content -->
					<div class="sidebar-info-contents">
						<div class="content-inner">

							<!-- Title Box -->
							<div class="title-box">
								<h5>有机食品与<span>农业</span></h5>
								<div class="price">满15美元免运费</div>
							</div>

							<!-- Empty Cart Box -->
							<div class="empty-cart-box">
								<!-- No Product -->
								<div class="no-cart">
									<span class="icon flaticon-shopping-cart-2"></span>
									购物车中没有商品。
								</div>
							</div>

							<!-- Lower Box -->
							<div class="lower-box">
								<h5>热门<span>推荐</span></h5>

								<!-- Post Block -->
								<div class="post-block">
									<div class="inner-box">
										<div class="image">
											<img src="/picture/post-thumb-1.jpg" alt="">
										</div>
										<h6><a href="#">有机食品</a></h6>
										<div class="rating">
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
										</div>
										<div class="price-box">15美元</div>
										<a class="theme-btn bag-btn" href="#">加入购物袋</a>
									</div>
								</div>

								<!-- Post Block -->
								<div class="post-block">
									<div class="inner-box">
										<div class="image">
											<img src="/picture/post-thumb-2.jpg" alt="">
										</div>
										<h6><a href="#">有机商店</a></h6>
										<div class="rating">
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
										</div>
										<div class="price-box">20美元</div>
										<a class="theme-btn bag-btn" href="#">加入购物袋</a>
									</div>
								</div>

								<!-- Post Block -->
								<div class="post-block">
									<div class="inner-box">
										<div class="image">
											<img src="/picture/post-thumb-1.jpg" alt="">
										</div>
										<h6><a href="#">环保农业</a></h6>
										<div class="rating">
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
											<span class="fa fa-star"></span>
										</div>
										<div class="price-box">25美元</div>
										<a class="theme-btn bag-btn" href="#">加入购物袋</a>
									</div>
								</div>

							</div>

						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	<!-- End Sidebar Cart Item -->

	<!-- Page Title -->
    <section class="page-title" style="background-image:url(/picture/page-title.jpg)">
		<div class="page-title_pattern" style="background-image:url(/picture/pattern-20.png)"></div>
		<div class="page-title_vector" style="background-image:url(/picture/pattern-21.png)"></div>
		<div class="page-title_vector-two" style="background-image:url(/picture/pattern-22.png)"></div>
        <div class="auto-container">
			<h2>我们的产品</h2>
			<ul class="bread-crumb clearfix">
				<li><a href="index1.html">首页</a></li>
				<li>我们的产品</li>
			</ul>
        </div>
    </section>
    <!-- End Page Title -->

	<!-- Shop One -->
	<section class="shop-one">
		<div class="auto-container">
			<!-- Filter Box -->

			<!-- End Filter Box -->
			<div class="row clearfix">

				<!-- Products Block One -->
				<div th:each="goodsPage:${goodsPages.records}" class="product-block_one col-lg-3 col-md-6 col-sm-12">
					<div class="product-block_one-inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="product-block_one-image">
							<div class="product-block_one-sale">特价</div>
							<a th:href="@{showGoodsDetail(id=${goodsPage.id})}"><img style="height: 412px;width: 275px" th:src="${goodsPage.img}" alt=""></a>

						</div>
						<div class="product-block_one-content">
							<div class="product-block_one-tag"></div>
							<h4 class="product-block_one-title"><a th:text="${goodsPage.name}" th:href="@{showGoodsDetail(id=${goodsPage.id})}">彩椒</a></h4>
							<div class="product-block_one-price" th:text="${goodsPage.price}">10美元</div>
							<div class="product-block_one-rating">
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
								<span class="light fa fa-star"></span>
							</div>
							<a class="product-block_one-cart" th:href="@{showGoodsDetail(id=${goodsPage.id})}">加入购物车</a>
						</div>
					</div>
				</div>

			</div>
			<!-- 样式化分页 -->
			<ul class="styled-pagination-two text-center">
				<!-- 上一页 -->
				<li th:if="${goodsPages.current > 1}">
					<a th:href="@{/goods/showGoodsPage(pageNum=${goodsPages.current - 1})}">←</a>
				</li>

				<!-- 页码 -->
				<li th:each="i : ${#numbers.sequence(1, goodsPages.pages)}">
					<a th:href="@{/goods/showGoodsPage(pageNum=${i})}"
					   th:text="${i}"
					   th:class="${i == goodsPages.current} ? 'active'"></a>
				</li>

				<!-- 下一页 -->
				<li th:if="${goodsPages.current < goodsPages.pages}">
					<a th:href="@{/goods/showGoodsPage(pageNum=${goodsPages.current + 1})}">→</a>
				</li>
			</ul>
			<!-- 结束样式化分页 -->

		</div>
	</section>
	<!-- End Team Two -->

	<!-- Main Footer -->
	<footer class="main-footer style-two">
		<div class="main-footer_pattern" style="background-image: url(/picture/footer-bg.jpg)"></div>
		<div class="auto-container">
			<div class="inner-container">
				<!-- Widgets Section -->
				<div class="widgets-section">
					<div class="row clearfix">

						<!-- Big Column -->
						<div class="big-column col-lg-6 col-md-12 col-sm-12">
							<div class="row clearfix">

								<!-- Footer Column -->
								<div class="footer_column col-lg-6 col-md-6 col-sm-12">
									<div class="footer-widget footer-two_logo-widget">
										<div class="footer-logo"><a href="index1.html"><img src="/picture/logo.png" alt="" title=""></a></div>
										<div class="footer-text">拥有超过30年的经验，我们将确保您获得最佳指导。通过成为优秀服务合作伙伴获得有保障的工作</div>
										<!-- Social Box -->
										<div class="footer_socials">
											<a href="https://facebook.com/"><i class="fa-brands fa-facebook-f"></i></a>
											<a href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a>
											<a href="https://youtube.com/"><i class="fa-brands fa-youtube"></i></a>
											<a href="https://instagram.com/"><i class="fa-brands fa-instagram"></i></a>
										</div>
									</div>
								</div>

								<!-- Footer Column -->
								<div class="footer_column col-lg-6 col-md-6 col-sm-12">
									<div class="footer-widget contact-widget">
										<h5 class="footer-title">联系我们</h5>
										<ul class="footer-contact_list">
											<li><span class="icon flaticon-maps-and-flags"></span>丹尼巷 咀嚼马格纳 布里斯托尔 BS40 8SZ</li>
											<li><span class="icon flaticon-call"></span>联系我们 <br> <a href="tel:+088-11-22-51-125">+088 11 22 51 125</a></li>
											<li><span class="icon flaticon-envelope"></span>快速邮件 <br> <a href="/cdn-cgi/l/email-protection#25765055554a5751654248444c490b464a48"><span class="__cf_email__" data-cfemail="25765055554a5751654248444c490b464a48">[email&#160;protected]</span></a></li>
										</ul>
									</div>
								</div>

							</div>
						</div>

						<!-- Big Column -->
						<div class="big-column col-lg-6 col-md-12 col-sm-12">
							<div class="row clearfix">

								<!-- Footer Column -->
								<div class="footer_column col-lg-5 col-md-6 col-sm-12">
									<div class="footer-widget links-widget">
										<h5 class="footer-title">有用链接</h5>
										<ul class="footer-list">
											<li><a href="#">Cookie政策</a></li>
											<li><a href="#">职业</a></li>
											<li><a href="#">政策</a></li>
											<li><a href="#">关于我们</a></li>
											<li><a href="#">联系我们</a></li>
										</ul>

									</div>
								</div>

								<!-- Footer Column -->
								<div class="footer_column col-lg-7 col-md-6 col-sm-12">
									<div class="footer-widget post-widget">
										<h5 class="footer-title">热门文章</h5>
										<!--News Widget Block-->
										<div class="news-widget-block">
											<div class="news-widget_image">
												<img src="/picture/post-thumb-1.jpg" alt="">
											</div>
											<div class="news-widget_post-date">2024年10月12日</div>
											<h6 class="news-widget_title"><a href="news-detail.html">日常饮食中必须包含的5种有机产品</a></h6>
										</div>

										<!--News Widget Block-->
										<div class="news-widget-block">
											<div class="news-widget_image">
												<img src="/picture/post-thumb-2.jpg" alt="">
											</div>
											<div class="news-widget_post-date">2024年10月10日</div>
											<h6 class="news-widget_title"><a href="news-detail.html">为您的情人节准备一顿印度晚餐</a></h6>
										</div>
									</div>
								</div>

							</div>
						</div>

					</div>
				</div>

			</div>
			<div class="footer-bottom">
				<div class="main-footer_copyright">版权所有 2024. 由 <a href="https://themeforest.net/user/themazine">themazine</a> 设计</div>
			</div>
		</div>
	</footer>
	<!-- End Footer Style -->

	<!-- Search Popup -->
	<div class="search-popup">
		<div class="color-layer"></div>
		<button class="close-search"><span class="flaticon-close"></span></button>
		<form method="post" action="javascript:;">
			<div class="form-group">
				<input type="search" name="search-field" value="" placeholder="在此搜索" required="">
				<button class="fa fa-solid fa-magnifying-glass fa-fw" type="submit"></button>
			</div>
		</form>
	</div>
	<!-- End Search Popup -->

	<!-- Color Palate / Color Switcher -->
	<div class="color-palate">
		<div class="color-trigger">
			<i class="fa fa-solid fa-gear fa-fw"></i>
		</div>
		<div class="color-palate-inner">
			<div class="color-palate-head">
				<h6>选择选项</h6>
			</div>
			<h6>RTL版本</h6>
			<ul class="rtl-version option-box"> <li class="rtl">RTL版本</li> <li>LTR版本</li> </ul>
			<h6>需要固定头部吗</h6>
			<ul class="header-version option-box"> <li class="box">否</li> <li>是</li></ul>

		</div>
	</div>
	<!-- End Color Palate / Color Switcher -->

</div>
<!-- End PageWrapper -->

<div class="progress-wrap">
	<svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
		<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
	</svg>
</div>

<script data-cfasync="false" src="/js/email-decode.min.js"></script><script src="/js/jquery.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/appear.js"></script>
<script src="/js/parallax.min.js"></script>
<script src="/js/tilt.jquery.min.js"></script>
<script src="/js/jquery.paroller.min.js"></script>
<script src="/js/wow.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/backtotop.js"></script>
<script src="/js/odometer.js"></script>
<script src="/js/parallax-scroll.js"></script>

<script src="/js/gsap.min.js"></script>
<script src="/js/SplitText.min.js"></script>
<script src="/js/ScrollTrigger.min.js"></script>
<script src="/js/ScrollToPlugin.min.js"></script>
<script src="/js/ScrollSmoother.min.js"></script>

<script src="/js/jquery.marquee.min.js"></script>
<script src="/js/magnific-popup.min.js"></script>
<script src="/js/nav-tool.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/element-in-view.js"></script>
<script src="/js/color-settings.js"></script>
<script src="/js/script.js"></script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'971e306f8e797bb9',t:'MTc1NTY1NDA5NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='assets/js/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
